
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont icon-quanbudingdan"></i>
                    <div class="name">全部订单</div>
                    <div class="fontclass">.icon-quanbudingdan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pdf"></i>
                    <div class="name">pdf</div>
                    <div class="fontclass">.icon-pdf</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-title-left"></i>
                    <div class="name">年份切换向左</div>
                    <div class="fontclass">.icon-title-left</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-book"></i>
                    <div class="name">book</div>
                    <div class="fontclass">.icon-book</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuanquan"></i>
                    <div class="name">圆圈</div>
                    <div class="fontclass">.icon-yuanquan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujuku"></i>
                    <div class="name">数据库</div>
                    <div class="fontclass">.icon-shujuku</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youxiang"></i>
                    <div class="name">邮箱</div>
                    <div class="fontclass">.icon-youxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weiwancheng"></i>
                    <div class="name">未完成</div>
                    <div class="fontclass">.icon-weiwancheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-del"></i>
                    <div class="name">del</div>
                    <div class="fontclass">.icon-del</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fabu"></i>
                    <div class="name">发布</div>
                    <div class="fontclass">.icon-fabu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xia"></i>
                    <div class="name">下一个</div>
                    <div class="fontclass">.icon-xia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ttpodicon"></i>
                    <div class="name">发送</div>
                    <div class="fontclass">.icon-ttpodicon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-22"></i>
                    <div class="name">邮件</div>
                    <div class="fontclass">.icon-22</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-information"></i>
                    <div class="name">信息</div>
                    <div class="fontclass">.icon-information</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huanyihuan"></i>
                    <div class="name">换一换</div>
                    <div class="fontclass">.icon-huanyihuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lingdang"></i>
                    <div class="name">铃铛</div>
                    <div class="fontclass">.icon-lingdang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenjianjia3"></i>
                    <div class="name">文件夹3</div>
                    <div class="fontclass">.icon-wenjianjia3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinzengrenwu"></i>
                    <div class="name">新增任务</div>
                    <div class="fontclass">.icon-xinzengrenwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongyingshangguanli"></i>
                    <div class="name">供应商管理</div>
                    <div class="fontclass">.icon-gongyingshangguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoucanggongyingshang"></i>
                    <div class="name">收藏供应商</div>
                    <div class="fontclass">.icon-shoucanggongyingshang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinzenggongyingshang"></i>
                    <div class="name">新增供应商</div>
                    <div class="fontclass">.icon-xinzenggongyingshang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon"></i>
                    <div class="name">供应商设置</div>
                    <div class="fontclass">.icon-icon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiazai"></i>
                    <div class="name">下载</div>
                    <div class="fontclass">.icon-xiazai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yanzhengma"></i>
                    <div class="name">验证码</div>
                    <div class="fontclass">.icon-yanzhengma</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wuliaoguanli"></i>
                    <div class="name">物料管理-</div>
                    <div class="fontclass">.icon-wuliaoguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gangchang2"></i>
                    <div class="name">钢厂2</div>
                    <div class="fontclass">.icon-gangchang2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-buxiugang4"></i>
                    <div class="name">不锈钢4</div>
                    <div class="fontclass">.icon-buxiugang4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-55yewushenqingguidang"></i>
                    <div class="name">55业务申请归档</div>
                    <div class="fontclass">.icon-55yewushenqingguidang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-56gongwenshenqingguidang"></i>
                    <div class="name">56公文申请归档</div>
                    <div class="fontclass">.icon-56gongwenshenqingguidang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-57qitashenqingguidang"></i>
                    <div class="name">57其他申请归档</div>
                    <div class="fontclass">.icon-57qitashenqingguidang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-redooutline"></i>
                    <div class="name">redo-outline</div>
                    <div class="fontclass">.icon-redooutline</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanhui"></i>
                    <div class="name">返回</div>
                    <div class="fontclass">.icon-fanhui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-01"></i>
                    <div class="name">商务合作</div>
                    <div class="fontclass">.icon-01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yunxingwancheng"></i>
                    <div class="name">运行完成</div>
                    <div class="fontclass">.icon-yunxingwancheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chexiao"></i>
                    <div class="name">撤销</div>
                    <div class="fontclass">.icon-chexiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sousuo"></i>
                    <div class="name">搜索</div>
                    <div class="fontclass">.icon-sousuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renyuantianjia"></i>
                    <div class="name">人员添加</div>
                    <div class="fontclass">.icon-renyuantianjia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingdanhetong"></i>
                    <div class="name">订单合同</div>
                    <div class="fontclass">.icon-dingdanhetong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jilu"></i>
                    <div class="name">记录</div>
                    <div class="fontclass">.icon-jilu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renwu"></i>
                    <div class="name">任务</div>
                    <div class="fontclass">.icon-renwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daiban"></i>
                    <div class="name">待办</div>
                    <div class="fontclass">.icon-daiban</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongqiuduihua"></i>
                    <div class="name">供求对话</div>
                    <div class="fontclass">.icon-gongqiuduihua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuaxin"></i>
                    <div class="name">刷新</div>
                    <div class="fontclass">.icon-shuaxin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-list"></i>
                    <div class="name">list</div>
                    <div class="fontclass">.icon-list</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-del1"></i>
                    <div class="name">del</div>
                    <div class="fontclass">.icon-del1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yonghu"></i>
                    <div class="name">用户</div>
                    <div class="fontclass">.icon-yonghu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfont05"></i>
                    <div class="name">收到的申请</div>
                    <div class="fontclass">.icon-iconfont05</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuichu"></i>
                    <div class="name">退出</div>
                    <div class="fontclass">.icon-tuichu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-553zuzhijiagou"></i>
                    <div class="name">553-组织架构</div>
                    <div class="fontclass">.icon-553zuzhijiagou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanhui1"></i>
                    <div class="name">返回</div>
                    <div class="fontclass">.icon-fanhui1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangyou"></i>
                    <div class="name">向右</div>
                    <div class="fontclass">.icon-xiangyou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renyuanguanli2"></i>
                    <div class="name">人员管理2</div>
                    <div class="fontclass">.icon-renyuanguanli2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiao21"></i>
                    <div class="name">更多</div>
                    <div class="fontclass">.icon-xiao21</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-1"></i>
                    <div class="name">1</div>
                    <div class="fontclass">.icon-1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-3"></i>
                    <div class="name">3</div>
                    <div class="fontclass">.icon-3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mdliucheng"></i>
                    <div class="name">md_流程</div>
                    <div class="fontclass">.icon-mdliucheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfontdaochuexcel"></i>
                    <div class="name">导出Excel</div>
                    <div class="fontclass">.icon-iconfontdaochuexcel</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jinlingyingcaiwangtubiao98"></i>
                    <div class="name">发件箱</div>
                    <div class="fontclass">.icon-jinlingyingcaiwangtubiao98</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-45354354"></i>
                    <div class="name">筛选_jammy</div>
                    <div class="fontclass">.icon-45354354</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-720caogaoxiang"></i>
                    <div class="name">720草稿箱</div>
                    <div class="fontclass">.icon-720caogaoxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconyichu01"></i>
                    <div class="name">移除</div>
                    <div class="fontclass">.icon-iconyichu01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icontianjia01"></i>
                    <div class="name">添加</div>
                    <div class="fontclass">.icon-icontianjia01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanbi"></i>
                    <div class="name">关闭</div>
                    <div class="fontclass">.icon-guanbi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jixiao"></i>
                    <div class="name">绩效</div>
                    <div class="fontclass">.icon-jixiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanwangicon64"></i>
                    <div class="name">开发图</div>
                    <div class="fontclass">.icon-guanwangicon64</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chenggong"></i>
                    <div class="name">成功</div>
                    <div class="fontclass">.icon-chenggong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shaixuan"></i>
                    <div class="name">筛选</div>
                    <div class="fontclass">.icon-shaixuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfonticon"></i>
                    <div class="name">样</div>
                    <div class="fontclass">.icon-iconfonticon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangwuhezuo"></i>
                    <div class="name">商务合作</div>
                    <div class="fontclass">.icon-shangwuhezuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-2"></i>
                    <div class="name">2</div>
                    <div class="fontclass">.icon-2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-4"></i>
                    <div class="name">4</div>
                    <div class="fontclass">.icon-4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-5"></i>
                    <div class="name">5</div>
                    <div class="fontclass">.icon-5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gerenshezhi"></i>
                    <div class="name">个人设置</div>
                    <div class="fontclass">.icon-gerenshezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoujianxiang"></i>
                    <div class="name">收件箱</div>
                    <div class="fontclass">.icon-shoujianxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duigou"></i>
                    <div class="name">对勾</div>
                    <div class="fontclass">.icon-duigou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconqueren"></i>
                    <div class="name">icon-确认</div>
                    <div class="fontclass">.icon-iconqueren</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu3"></i>
                    <div class="name">导出3</div>
                    <div class="fontclass">.icon-daochu3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shejituzhi"></i>
                    <div class="name">设计图纸</div>
                    <div class="fontclass">.icon-shejituzhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanbi1"></i>
                    <div class="name">关闭</div>
                    <div class="fontclass">.icon-guanbi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangshang01"></i>
                    <div class="name">向上</div>
                    <div class="fontclass">.icon-xiangshang01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mima"></i>
                    <div class="name">密码</div>
                    <div class="fontclass">.icon-mima</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-comments"></i>
                    <div class="name">comments</div>
                    <div class="fontclass">.icon-comments</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jingpaidanju"></i>
                    <div class="name">竞拍单据</div>
                    <div class="fontclass">.icon-jingpaidanju</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fabu1"></i>
                    <div class="name">发布</div>
                    <div class="fontclass">.icon-fabu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-excel"></i>
                    <div class="name">file-excel</div>
                    <div class="fontclass">.icon-excel</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-word"></i>
                    <div class="name">file-word</div>
                    <div class="fontclass">.icon-word</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daishouhuo"></i>
                    <div class="name">待收货</div>
                    <div class="fontclass">.icon-daishouhuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangzuo"></i>
                    <div class="name">向左</div>
                    <div class="fontclass">.icon-xiangzuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-loupan"></i>
                    <div class="name">楼盘</div>
                    <div class="fontclass">.icon-loupan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yonghu1"></i>
                    <div class="name">用户</div>
                    <div class="fontclass">.icon-yonghu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yaoqinghaoyoupengyou3"></i>
                    <div class="name">邀请好友 朋友 合作伙伴</div>
                    <div class="fontclass">.icon-yaoqinghaoyoupengyou3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daishouhuo1"></i>
                    <div class="name">待收货</div>
                    <div class="fontclass">.icon-daishouhuo1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongyingshangguanli1"></i>
                    <div class="name">供应商管理</div>
                    <div class="fontclass">.icon-gongyingshangguanli1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-key"></i>
                    <div class="name">key</div>
                    <div class="fontclass">.icon-key</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shapes"></i>
                    <div class="name">shapes</div>
                    <div class="fontclass">.icon-shapes</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-right-arrow"></i>
                    <div class="name">向右箭头</div>
                    <div class="fontclass">.icon-right-arrow</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangyou1"></i>
                    <div class="name">向右</div>
                    <div class="fontclass">.icon-xiangyou1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caiwutongji"></i>
                    <div class="name">财务统计</div>
                    <div class="fontclass">.icon-caiwutongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weibiaoti1"></i>
                    <div class="name">宝典</div>
                    <div class="fontclass">.icon-weibiaoti1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhaotoubiao"></i>
                    <div class="name">招投标</div>
                    <div class="fontclass">.icon-zhaotoubiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhaobiao"></i>
                    <div class="name">招标</div>
                    <div class="fontclass">.icon-zhaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongyingshang"></i>
                    <div class="name">供应商</div>
                    <div class="fontclass">.icon-gongyingshang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-saoma"></i>
                    <div class="name">扫码</div>
                    <div class="fontclass">.icon-saoma</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youjian"></i>
                    <div class="name">邮件</div>
                    <div class="fontclass">.icon-youjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ping"></i>
                    <div class="name">评</div>
                    <div class="fontclass">.icon-ping</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-suoxiao"></i>
                    <div class="name">缩小</div>
                    <div class="fontclass">.icon-suoxiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-richeng"></i>
                    <div class="name">日程</div>
                    <div class="fontclass">.icon-richeng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwuzhongxingongchangrenzheng"></i>
                    <div class="name">服务中心~-工厂认证</div>
                    <div class="fontclass">.icon-fuwuzhongxingongchangrenzheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongyingshangkanban"></i>
                    <div class="name">供应商看板</div>
                    <div class="fontclass">.icon-gongyingshangkanban</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingdan"></i>
                    <div class="name">订单</div>
                    <div class="fontclass">.icon-dingdan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiyezhongzhi"></i>
                    <div class="name">企业终止</div>
                    <div class="fontclass">.icon-qiyezhongzhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongyingshangguanli2"></i>
                    <div class="name">供应商管理</div>
                    <div class="fontclass">.icon-gongyingshangguanli2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xianchangkaohe"></i>
                    <div class="name">现场考核</div>
                    <div class="fontclass">.icon-xianchangkaohe</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tupian"></i>
                    <div class="name">图片</div>
                    <div class="fontclass">.icon-tupian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ceping"></i>
                    <div class="name">测评</div>
                    <div class="fontclass">.icon-ceping</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-diaochawenjuan"></i>
                    <div class="name">调查问卷</div>
                    <div class="fontclass">.icon-diaochawenjuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-96"></i>
                    <div class="name">交谈</div>
                    <div class="fontclass">.icon-96</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zugroup"></i>
                    <div class="name">组 group</div>
                    <div class="fontclass">.icon-zugroup</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu1"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu2"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongbu"></i>
                    <div class="name">同步</div>
                    <div class="fontclass">.icon-tongbu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-titlebarcaidan"></i>
                    <div class="name">titlebar-菜单</div>
                    <div class="fontclass">.icon-titlebarcaidan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-flag"></i>
                    <div class="name">flag</div>
                    <div class="fontclass">.icon-flag</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfontpdf"></i>
                    <div class="name">iconfont-pdf</div>
                    <div class="fontclass">.icon-iconfontpdf</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuidahua"></i>
                    <div class="name">最大化</div>
                    <div class="fontclass">.icon-zuidahua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xunjia"></i>
                    <div class="name">询价</div>
                    <div class="fontclass">.icon-xunjia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-movedown"></i>
                    <div class="name">move-down</div>
                    <div class="fontclass">.icon-movedown</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-moveup"></i>
                    <div class="name">move-up</div>
                    <div class="fontclass">.icon-moveup</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baocun"></i>
                    <div class="name">保存</div>
                    <div class="fontclass">.icon-baocun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoudaoxunjia"></i>
                    <div class="name">收到询价</div>
                    <div class="fontclass">.icon-shoudaoxunjia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingdanguanli"></i>
                    <div class="name">订单管理</div>
                    <div class="fontclass">.icon-dingdanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwushangrenzheng"></i>
                    <div class="name">服务商认证</div>
                    <div class="fontclass">.icon-fuwushangrenzheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baocun1"></i>
                    <div class="name">保存</div>
                    <div class="fontclass">.icon-baocun1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pinpaishouquan"></i>
                    <div class="name">品牌授权</div>
                    <div class="fontclass">.icon-pinpaishouquan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon9"></i>
                    <div class="name">数据配置</div>
                    <div class="fontclass">.icon-icon9</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daichuli"></i>
                    <div class="name">待处理</div>
                    <div class="fontclass">.icon-daichuli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xunjia1"></i>
                    <div class="name">询价</div>
                    <div class="fontclass">.icon-xunjia1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-notice"></i>
                    <div class="name">底部导航公告-未选中状态</div>
                    <div class="fontclass">.icon-notice</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-doc"></i>
                    <div class="name">doc</div>
                    <div class="fontclass">.icon-doc</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xls"></i>
                    <div class="name">xls</div>
                    <div class="fontclass">.icon-xls</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiayi"></i>
                    <div class="name">下移</div>
                    <div class="fontclass">.icon-xiayi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangyi"></i>
                    <div class="name">上移</div>
                    <div class="fontclass">.icon-shangyi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiyerenzheng"></i>
                    <div class="name">企业认证</div>
                    <div class="fontclass">.icon-qiyerenzheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-multi-line-text"></i>
                    <div class="name">多行文本</div>
                    <div class="fontclass">.icon-multi-line-text</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mulu"></i>
                    <div class="name">目录</div>
                    <div class="fontclass">.icon-mulu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-soliddown"></i>
                    <div class="name">向下</div>
                    <div class="fontclass">.icon-soliddown</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fabu2"></i>
                    <div class="name">发布</div>
                    <div class="fontclass">.icon-fabu2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiao16"></i>
                    <div class="name">报表</div>
                    <div class="fontclass">.icon-tubiao16</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiao48"></i>
                    <div class="name">文档发布</div>
                    <div class="fontclass">.icon-tubiao48</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zizhirenzheng"></i>
                    <div class="name">资质认证</div>
                    <div class="fontclass">.icon-zizhirenzheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoji"></i>
                    <div class="name">标记</div>
                    <div class="fontclass">.icon-biaoji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qunfengfuwushang"></i>
                    <div class="name">群蜂服务商</div>
                    <div class="fontclass">.icon-qunfengfuwushang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinjiaruqiyeyujing"></i>
                    <div class="name">新加入企业预警</div>
                    <div class="fontclass">.icon-xinjiaruqiyeyujing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-neirong"></i>
                    <div class="name">内容</div>
                    <div class="fontclass">.icon-neirong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitongguanli"></i>
                    <div class="name">系统管理</div>
                    <div class="fontclass">.icon-xitongguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jihua01"></i>
                    <div class="name">计划-01</div>
                    <div class="fontclass">.icon-jihua01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiaoxuepeizhi"></i>
                    <div class="name">教学配置</div>
                    <div class="fontclass">.icon-jiaoxuepeizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renwu1"></i>
                    <div class="name">任务</div>
                    <div class="fontclass">.icon-renwu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenhao"></i>
                    <div class="name">问号</div>
                    <div class="fontclass">.icon-wenhao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fazhankaidan"></i>
                    <div class="name">发站开单</div>
                    <div class="fontclass">.icon-fazhankaidan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-me-copy"></i>
                    <div class="name">我</div>
                    <div class="fontclass">.icon-me-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuopanxiangzi"></i>
                    <div class="name">托盘箱子</div>
                    <div class="fontclass">.icon-tuopanxiangzi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanhui2"></i>
                    <div class="name">返回</div>
                    <div class="fontclass">.icon-fanhui2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bangzhu"></i>
                    <div class="name">帮助</div>
                    <div class="fontclass">.icon-bangzhu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-555"></i>
                    <div class="name">公告</div>
                    <div class="fontclass">.icon-555</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuanyi20guanrenyaoqingyuangong"></i>
                    <div class="name">款易2.0-管人-邀请员工</div>
                    <div class="fontclass">.icon-kuanyi20guanrenyaoqingyuangong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhiliangjianyan"></i>
                    <div class="name">质量检验</div>
                    <div class="fontclass">.icon-zhiliangjianyan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-liucheng"></i>
                    <div class="name">文件夹</div>
                    <div class="fontclass">.icon-liucheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bangzhu-copy"></i>
                    <div class="name">帮助</div>
                    <div class="fontclass">.icon-bangzhu-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconset0114"></i>
                    <div class="name">锁</div>
                    <div class="fontclass">.icon-iconset0114</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconset0115"></i>
                    <div class="name">开锁</div>
                    <div class="fontclass">.icon-iconset0115</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconset0186"></i>
                    <div class="name">加</div>
                    <div class="fontclass">.icon-iconset0186</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconset0187"></i>
                    <div class="name">减</div>
                    <div class="fontclass">.icon-iconset0187</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconset01100"></i>
                    <div class="name">用户</div>
                    <div class="fontclass">.icon-iconset01100</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconset0256"></i>
                    <div class="name">条形码</div>
                    <div class="fontclass">.icon-iconset0256</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconset0339"></i>
                    <div class="name">下载</div>
                    <div class="fontclass">.icon-iconset0339</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconset0340"></i>
                    <div class="name">上传</div>
                    <div class="fontclass">.icon-iconset0340</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jingxiaoshangfuwu"></i>
                    <div class="name">经销商服务</div>
                    <div class="fontclass">.icon-jingxiaoshangfuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quanxianguanli"></i>
                    <div class="name">权限管理</div>
                    <div class="fontclass">.icon-quanxianguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jingji"></i>
                    <div class="name">竞技</div>
                    <div class="fontclass">.icon-jingji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongyinglian"></i>
                    <div class="name">供应链</div>
                    <div class="fontclass">.icon-gongyinglian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rizhi"></i>
                    <div class="name">日志</div>
                    <div class="fontclass">.icon-rizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zaixianfuwu"></i>
                    <div class="name">online</div>
                    <div class="fontclass">.icon-zaixianfuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daoru"></i>
                    <div class="name">导入</div>
                    <div class="fontclass">.icon-daoru</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-riqi"></i>
                    <div class="name">日期</div>
                    <div class="fontclass">.icon-riqi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yingjigongyingfenbutu"></i>
                    <div class="name">应急供应分布图</div>
                    <div class="fontclass">.icon-yingjigongyingfenbutu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiagecaiji"></i>
                    <div class="name">价格采集</div>
                    <div class="fontclass">.icon-jiagecaiji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weibiaoti7"></i>
                    <div class="name">绩效评估</div>
                    <div class="fontclass">.icon-weibiaoti7</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongji"></i>
                    <div class="name">统计</div>
                    <div class="fontclass">.icon-tongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hezuohuobanguanli"></i>
                    <div class="name">合作伙伴管理</div>
                    <div class="fontclass">.icon-hezuohuobanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shaixuan1"></i>
                    <div class="name">筛选</div>
                    <div class="fontclass">.icon-shaixuan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daiwancheng"></i>
                    <div class="name">待完成</div>
                    <div class="fontclass">.icon-daiwancheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zonghesum1"></i>
                    <div class="name">总和</div>
                    <div class="fontclass">.icon-zonghesum1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-76"></i>
                    <div class="name">公司</div>
                    <div class="fontclass">.icon-76</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenlei"></i>
                    <div class="name">分类</div>
                    <div class="fontclass">.icon-fenlei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-richangyewu"></i>
                    <div class="name">日常业务</div>
                    <div class="fontclass">.icon-richangyewu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhuanyetuandui"></i>
                    <div class="name">专业团队</div>
                    <div class="fontclass">.icon-zhuanyetuandui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-solidup"></i>
                    <div class="name">向下</div>
                    <div class="fontclass">.icon-solidup</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangxia"></i>
                    <div class="name">向上</div>
                    <div class="fontclass">.icon-xiangxia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-title-right"></i>
                    <div class="name">年份切换向左</div>
                    <div class="fontclass">.icon-title-right</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinzeng"></i>
                    <div class="name">新增</div>
                    <div class="fontclass">.icon-xinzeng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-edit"></i>
                    <div class="name">edit</div>
                    <div class="fontclass">.icon-edit</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangyou2"></i>
                    <div class="name">向左</div>
                    <div class="fontclass">.icon-xiangyou2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangzuo1"></i>
                    <div class="name">向右</div>
                    <div class="fontclass">.icon-xiangzuo1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dengpao"></i>
                    <div class="name">灯泡</div>
                    <div class="fontclass">.icon-dengpao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hetong"></i>
                    <div class="name">合同</div>
                    <div class="fontclass">.icon-hetong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quanxianguanli1"></i>
                    <div class="name">权限管理</div>
                    <div class="fontclass">.icon-quanxianguanli1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yilianjie"></i>
                    <div class="name">已连接</div>
                    <div class="fontclass">.icon-yilianjie</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duankailianjie"></i>
                    <div class="name">断开连接</div>
                    <div class="fontclass">.icon-duankailianjie</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuihuo1"></i>
                    <div class="name">退货(1)</div>
                    <div class="fontclass">.icon-tuihuo1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongyinglian1"></i>
                    <div class="name">供应链</div>
                    <div class="fontclass">.icon-gongyinglian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiao0102"></i>
                    <div class="name">合同</div>
                    <div class="fontclass">.icon-tubiao0102</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenjiangongxiang"></i>
                    <div class="name">文件共享</div>
                    <div class="fontclass">.icon-wenjiangongxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongguo"></i>
                    <div class="name">通过</div>
                    <div class="fontclass">.icon-tongguo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingshijiancha"></i>
                    <div class="name">定时检查</div>
                    <div class="fontclass">.icon-dingshijiancha</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitongguanli1"></i>
                    <div class="name">系统管理</div>
                    <div class="fontclass">.icon-xitongguanli1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-rank"></i>
                    <div class="name">竞价</div>
                    <div class="fontclass">.icon-icon-rank</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-scan"></i>
                    <div class="name">scan</div>
                    <div class="fontclass">.icon-scan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yunyingyong"></i>
                    <div class="name">云应用</div>
                    <div class="fontclass">.icon-yunyingyong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangchuan"></i>
                    <div class="name">上传</div>
                    <div class="fontclass">.icon-shangchuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weibiaoti201"></i>
                    <div class="name">审批_图章_通过</div>
                    <div class="fontclass">.icon-weibiaoti201</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuzhang02"></i>
                    <div class="name">审批_图章_未通过</div>
                    <div class="fontclass">.icon-tuzhang02</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-trade"></i>
                    <div class="name">供求</div>
                    <div class="fontclass">.icon-trade</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon01"></i>
                    <div class="name">用户管理</div>
                    <div class="fontclass">.icon-icon01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gong"></i>
                    <div class="name">供应</div>
                    <div class="fontclass">.icon-gong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qianzaiyonghu"></i>
                    <div class="name">潜在用户</div>
                    <div class="fontclass">.icon-qianzaiyonghu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuzhiguanli"></i>
                    <div class="name">组织管理</div>
                    <div class="fontclass">.icon-zuzhiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dayin"></i>
                    <div class="name">打印</div>
                    <div class="fontclass">.icon-dayin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cf-c19"></i>
                    <div class="name">员工离职</div>
                    <div class="fontclass">.icon-cf-c19</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinzeng1"></i>
                    <div class="name">新增</div>
                    <div class="fontclass">.icon-xinzeng1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-no"></i>
                    <div class="name">no</div>
                    <div class="fontclass">.icon-no</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-20160518wangzhanshouyeyindingicon"></i>
                    <div class="name">20160518_网站首页_银锭icon</div>
                    <div class="fontclass">.icon-20160518wangzhanshouyeyindingicon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingdan1"></i>
                    <div class="name">订单</div>
                    <div class="fontclass">.icon-dingdan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongyingshangguanli3"></i>
                    <div class="name">供应商管理</div>
                    <div class="fontclass">.icon-gongyingshangguanli3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duidingdan"></i>
                    <div class="name">对订单</div>
                    <div class="fontclass">.icon-duidingdan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chuangkou1"></i>
                    <div class="name">窗口1</div>
                    <div class="fontclass">.icon-chuangkou1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chuangkou2"></i>
                    <div class="name">窗口2</div>
                    <div class="fontclass">.icon-chuangkou2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chuangkou01"></i>
                    <div class="name">窗口-01</div>
                    <div class="fontclass">.icon-chuangkou01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jishuhezuoqiatanhezuohuitan"></i>
                    <div class="name">技术合作 洽谈 合作 会谈</div>
                    <div class="fontclass">.icon-jishuhezuoqiatanhezuohuitan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangwuhezuohezuo"></i>
                    <div class="name">商务合作 合作</div>
                    <div class="fontclass">.icon-shangwuhezuohezuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu1"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinpingpujuecefenxicongyerenyuan"></i>
                    <div class="name">新平铺-决策分析-从业人员</div>
                    <div class="fontclass">.icon-xinpingpujuecefenxicongyerenyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wuliugongying01"></i>
                    <div class="name">物流供应-01</div>
                    <div class="fontclass">.icon-wuliugongying01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinxifuwuyewuyujingcongyerenyuanheimingdanchaxun"></i>
                    <div class="name">信息服务-业务预警-从业人员黑名单查询</div>
                    <div class="fontclass">.icon-xinxifuwuyewuyujingcongyerenyuanheimingdanchaxun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chexiao1"></i>
                    <div class="name">撤销</div>
                    <div class="fontclass">.icon-chexiao1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weiwancheng1"></i>
                    <div class="name">未完成</div>
                    <div class="fontclass">.icon-weiwancheng1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingdandiaodu"></i>
                    <div class="name">订单调度</div>
                    <div class="fontclass">.icon-dingdandiaodu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhongzhimima"></i>
                    <div class="name">重置密码</div>
                    <div class="fontclass">.icon-zhongzhimima</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-reset"></i>
                    <div class="name">reset</div>
                    <div class="fontclass">.icon-reset</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuju"></i>
                    <div class="name">数据</div>
                    <div class="fontclass">.icon-shuju</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangyou3"></i>
                    <div class="name">向右</div>
                    <div class="fontclass">.icon-xiangyou3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianqie"></i>
                    <div class="name">剪切</div>
                    <div class="fontclass">.icon-jianqie</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qunzu"></i>
                    <div class="name">群组</div>
                    <div class="fontclass">.icon-qunzu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji1"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shizhong"></i>
                    <div class="name">时钟</div>
                    <div class="fontclass">.icon-shizhong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bangzhu1"></i>
                    <div class="name">帮助</div>
                    <div class="fontclass">.icon-bangzhu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cuowutishi"></i>
                    <div class="name">错误提示</div>
                    <div class="fontclass">.icon-cuowutishi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yewurenyuanchushen"></i>
                    <div class="name">业务人员初审</div>
                    <div class="fontclass">.icon-yewurenyuanchushen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shenqingkuaisucaigoujiandan"></i>
                    <div class="name">申请快速，采购简单</div>
                    <div class="fontclass">.icon-shenqingkuaisucaigoujiandan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-diaochawenjuan1"></i>
                    <div class="name">调查问卷</div>
                    <div class="fontclass">.icon-diaochawenjuan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jihuabiao"></i>
                    <div class="name">计划表</div>
                    <div class="fontclass">.icon-jihuabiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huanfu1"></i>
                    <div class="name">换肤 (1)</div>
                    <div class="fontclass">.icon-huanfu1</div>
                </li>
            
        </ul>

        <h2 id="font-class-">font-class引用</h2>
        <hr>

        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
        <p>与unicode使用方式相比，具有如下特点：</p>
        <ul>
        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>


        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
        <blockquote>
        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>
</body>
</html>
